<html>
<head>
<title>Insertar empleados</title>
<style>
h1{
	color: blue;
	margin-top: 50px;
	text-align: center;
}

span{
	float: left;
	width: 85px;
	text-align: justify;
	margin-left: 72px;
}

input{
	display: block;
}

#contenedor{
	width: 400px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	visibility: visible;
}

.boton{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.separar{
	margin-bottom: 15px;
}
</style>
</head>
<body>
<div id="contenedor">
<h1>Insertar empleados</h1>
<form action="insertar.php" method="post" name="formulario">
<div class="separar"><span>Nombre</span><input type="text" name="nom" id="nom"></input></div>
<div class="separar"><span>Apellidos</span><input type="text" name="ape" id="ape"></input></div>
<div class="separar"><span>Telefono</span><input type="text" name="tel" id="tel"></input></div>
<div class="separar"><span>Sexo</span><input type="text" name="sexo" id="sexo"></input></div>
<input type="submit" name="registrar" value="Registrar" class="boton"></input>
</form>
</div>
</body>
</html>
<?php
include ("conectar.php");

$db = conectarMysql();
if(isset($_POST["registrar"])){
$nombre = $_POST["nom"];
$apellidos = $_POST["ape"];
$telefono = $_POST["tel"];
$sexo = $_POST["sexo"];
insertar($nombre,$apellidos,$telefono,$sexo);
echo "<script type='text/javascript'>document.getElementById('contenedor').style.visibility='hidden'</script>";
}

function insertar($nom,$ape,$tel,$sex){
	global $db;
	$db -> query("SET NAMES 'utf8'");
	$insertar = "insert into Empleados(NUMEMP,NOMBRE,APELLIDOS,TELEFONO,SEXO) values (null,'$nom','$ape',$tel,'$sex')";
	$resultado = $db -> prepare($insertar);
	$ok = $resultado->execute();
	if($ok){
		echo "Insercion realizada con exito<br>";
		echo "<a href='index.php'>Volver a las opciones principales</a>";
	}else{
		echo "Insercion no realizada";
	}
	$db = null;
}
?>